<template>
  <div class="fixTure_status">
    <span class="block_label_color small_label" :class="getFixtureStatusClass">{{data.resourceStatusLabel}}</span>
  </div>
</template>

<script>
// 工装夹具状态字典
// 正常
const Normal = 'Normal'
// 维修中
const Repair = 'Repair'
// 保养中
const Maintain = 'Maintain'
// 生产中
const Produce = 'Produce'
// 报废
const Abandoned = 'Abandoned'
export default {
  name: 'FixtureStatus',
  props: {
    data: Object
  },
  computed: {
    /**
     * 判断工装夹具状态
     * @param str 状态
     */
    getFixtureStatusClass() {
      switch (this.data.resourceStatusValue) {
        case Normal:
          return 'fixture_normal'
        case Repair:
          return 'fixture_repair'
        case Maintain:
          return 'fixture_maintain'
        case Produce:
          return 'fixture_produce'
        case Abandoned:
          return 'fixture_abandoned'
      }
    },
  }
}
</script>

<style lang="less" scoped>
  /*工装夹具状态*/
  // 正常
  @mesFixtureNormal:#00a949;
  // 维修
  @mesFixtureRepair:#ff931f;
  // 保养
  @mesFixtureMaintain:#00b4ff;
  // 生产
  @mesFixtureProduce:#77b903;
  // 报废
  @mesFixtureAbandoned:#7e8e9f;
  .fixTure_status{
    .block_label_color{
      color:#fff;
      /*工装夹具状态*/
      // 正常
      &.fixture_normal{
        background-color: @mesFixtureNormal;
      }
      // 维修
      &.fixture_repair{
        background-color: @mesFixtureRepair;
      }
      // 保养
      &.fixture_maintain{
        background-color: @mesFixtureMaintain;
      }
      // 生产中
      &.fixture_abandoned{
        background-color: @mesFixtureProduce;
      }
      // 报废
      &.fixture_abandoned{
        background-color: @mesFixtureAbandoned;
      }
    }
  }
</style>
